<template>
    <div>
        <div class="ymsbanner">
            <h1 class="title">THANKS</h1>
        </div>
        <div class="thank">
            <i class="el-icon-success"></i>
            <p>Thank you for review.</p>
            <p>We will send you the gift after confirmantion.</p>
            <p>Please pay attention to your email.</p>
        </div>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="less" scoped>
.ymsbanner{
    width: 100%;
    height: 150px;
    line-height: 150px;
    background-image: url(../../assets/registration.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    .title{
        text-align: center;
        font-size: 56px;
        color: #fff;
    }
}
.thank{
    max-width: 650px;
    width: 85%;
    margin: 0 auto;
    margin-top: 60px;
    padding: 30px 15px;
    background: rgba(0,0,0,0.1);
    i{
        font-size: 50px;
        color: #02be6e;
        margin-bottom: 12px;
    }
    p{
        margin-bottom: 8px;
        color: #fb9c2e;
    }
}
@media only  screen and  (max-width:900px){
    .ymsbanner{
        display: none;
    }
    .upload{
        width: 90%;
        margin: 0 auto;
    }
}
</style>